import React,{Component} from "react";

class Nav extends Component{
    constructor(){
        super()
        this.state={
            navArr:[{
                url:"/src/components/zk1/img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            },{
                url:"img/img_01.jpg",
                name:"时髦精"
            }]
        }
    }
    render(){
        return <div className="nav">
               {
                   this.state.navArr.map((item,index)=>{
                       return  <dl key={index}>
                       <dt><img src={item.url} alt=""/></dt>
                       <dd>{item.name}</dd>
                   </dl>
                   })
               }
        </div>
    }
}

export default Nav